/* main Start */
.main{
	position: relative;
	height:465px ;
	z-index: 0;
}
.main .list{
	position: absolute;
	width: 209px;
	height: 465px;
	background-color: #c81623;
}

.main .list li{
	height: 31px;
	line-height: 31px;
	margin-left: 2px;
	padding-left: 15px;
}
.main .list li::after{
	font-family: 'icomoon';
	content: "\e904";
	float: right;
	margin-right: 3px;
	color: #f2dedf;
}
.main .list ul{
	margin-top: 2px;
}
.main .list li:hover{
	background-color: white;
}
.main .list li:hover a{
	color:#b1191a;
}
.main .list li a{
	text-decoration: none;
	color: white;
	font-size: 14px
}
/*  */
.main .focus{
	/* 为下面浮动的li显示隐藏 */
	overflow: hidden;
	position: relative;
	width: 721px;
	height: 455px;
	background-color: #333333;
	top: 10px;
	left: 220px;
	z-index: 40;
}
.main .focus ul{
	position: absolute;
	top: 0;
	left: 0;
	/* 让ul的盒子宽度远超于focus盒子的宽度，
	那么下面的li才能左浮动 */
	width: 700%;
	z-index: -1;
}
.main .focus ul li{
	float: left;
}
.main .focus img{
	width: 721px;
	height: 455px;
}
.main .arrow-l{
	display: none;
	position: absolute;
	text-decoration: none;
	top: 50%;
	left: 0;
	color: white;
	font-size: 20px;
	width: 20px;
	height: 30px;
	background: rgba(0,0,0,.3);

}
.main .arrow-r{
	display: none;
	position: absolute;
	text-decoration: none;
	top: 50%;
	right: 0;
	color: white;
	font-size: 20px;
	width: 20px;
	height: 30px;
	background: rgba(0,0,0,.3);

}
.circle{
	position: absolute;
	width: 140px;
	height: 13px;
	bottom: 10px;
	left: 15%;
	margin-left: -45px;
	border-radius: 7px;
}
.circle li{
	position: relative;
	float: left;
	margin-left: 3px;
	width: 9px;
	height: 9px;
	/* background-color: #fff; */
	border: 2px solid #fff;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 2px;
}
.circle .current{
	float: left;
	margin-left: 3px;
	width: 9px;
	height: 9px;
	background-color: #fff;
	border-radius: 50%;
	margin-left: 10px;
	margin-top: 2px
}
.main .newflash{
	position: absolute;
	width: 252px;
	height: 455px;
	top: 10px;
	right: 0;
	/* border: 1px solid #e4e4e4; */
}
.main .newflash .newtop{
	height: 33px;
	font-size: 14px;
	border-bottom: 1px dotted #e8e8e7;
	border-top:1px solid #e8e8e7;
	border-left:1px solid #e8e8e7;
	border-right: 1px solid #e8e8e7;
	line-height: 33px;
	padding-left: 15px;
	color: #333333;
}
.main .newflash .newtop span{
	margin-left: 100px;
	font-size: 12px;
	color: #666666;
}
.main .newflash .newtop span::after{
	font-family: icomoon;
	content: "\e904";
	line-height: 33px;
	vertical-align: bottom;
	/* margin-right: 30px; */
}
.main .newflash .newad{
	height: 129px;
	border-bottom:1px solid #e8e8e7;
	border-left:1px solid #e8e8e7;
	border-right: 1px solid #e8e8e7;
	padding-left: 15px;
}
.main .newflash .newad li{
	line-height:25px;
}
.main .newflash .newad a{
	text-decoration: none;
	color: #666666;
	font-size: 14px;
}
.main .newflash .newad span{
	font-weight: 600;
}
.main .newflash .newapp{
	height: 210px;
	width: 252px;
	background-color: skyblue;
}
.main .newflash .newapp li{
	float: left;
	width: 62px;
	height: 69px;
	border-right: 1px solid #E4E4E4 ;
	border-bottom: 1px solid #E4E4E4 ;
}
.main .newflash .newbutton{
	margin-top: 5px;
}
/* recomond推荐 */
.recomond{
	height: 173px;
	background-color: red;
	margin-top: 11px;
}
.recomond .reco-l{
	float: left;
	width: 203px;
	height: 100%;
	background-color: #5c5251;
	
	/* padding-top: 30px; */
	/* padding-left: 61px; */
}
.recomond .reco-l img{
	padding-top: 30px;
	padding-left: 61px;
}
.recomond .reco-r{
	float: right;
	width: 997px;
	height: 100%;
	background:url(../img/fourpic.jpg);
	
}
/* floor区域 */
	/* floor1家电 */
	.floor{
		margin-top: 30px;
	}
.jd-hd{
	height: 30px;
	border-bottom: 2px solid #c81623;
}
.jd-hd h3{
	float: left;
	font-size: 18px;
	color: #c81623;
	font-weight: normal;
}
.tab-list{
	float: right;
	height: 30px;
}
.tab-list li{
	float: left;
	line-height: 30px;
	font-size: 12px;
	color: #666666;
}
.tab-list li a{
	font-size: 12px;
	text-decoration: none;
	color: #666666;
	margin: 0 15px;
}
.tab-content{
	height: 361px;
}
.tab-list-item>div{
	float: left;
	height: 361px;
}
.col-210{
	width: 210px;
	/* padding-left: 12px; */
	background-color: #f9f9f9;
}
.col-210 li{
	float: left;
	width: 85px;
	height: 34px;
	text-align: center;
	line-height: 34px;
	border-bottom: 1px solid #ededed;
	margin-left: 12px;
}
.col-210 li a{
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}
.col-210 a img{
	width:210px;
}
.col-329{
	width: 329px;
}
.col-221{
	width: 221px;
}
.col-221>a{
	display: block;
	height: 180px;
	width: 220px;
	border-top: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	border-right: 1px solid #ededed;
	margin-bottom: 1px;
}
.col-219{
	width: 219px;
}